<!doctype html>
<html>

	<head>
		<meta charset="UTF-8">
		<title></title>
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<meta name="apple-mobile-web-app-capable" content="yes" />
		<meta name="apple-mobile-web-app-status-bar-style" content="black"/>
		<link href="../../css/mui.min.css" rel="stylesheet" />
		<link rel="stylesheet" href="../../css/order/order.css" />
	</head>

	<body>
		<header class="mui-bar mui-bar-nav">
		    <a class="shouye link" data-link="../../html/user/user.html">
				<img src="../../img/order/zhuye.png" alt=""/>
			</a>
		    <h1 class="mui-title">订单管理</h1>
		    <a class="message link" data-link="../../html/enter/message.html">
				<img src="../../img/order/xiaoxi.png" alt=""/>
			</a>
		</header>
		<div class="mui-content">
			<!--悬浮按钮-->
		     <div class="xuanfu" id="xuanfu">
		     	<img src="../../img/order/tianjia.png" alt=""  class="tianjia"/>
		     	<p class="quanBu"><img src="../../img/order/quanbu.png"/><span>全部</span></p>
		     	<p class="bianji link" data-link="order_msg_import.html"><img src="../../img/order/bianji.png"/></p>
		     	<p class="meituan"><img src="../../img/order/meituan.png"/></p>
		     	<p class="baidu"><img src="../../img/order/baidu.png"/></p>
		     	<p class="eleme"><img src="../../img/order/eleme.png"/></p>
		     </div>
		     <!--默认不显示，单机悬浮按钮的选项后进行显示相关内容-->
		     <div id="slider" class="mui-slider mui-fullscreen" style="display: none;">
				<div id="sliderSegmentedControl" class="mui-scroll-wrapper mui-slider-indicator mui-segmented-control mui-segmented-control-inverted">
					<div class="mui-scroll">
						<a class="mui-control-item mui-active">
							待发布
						</a>
						<a class="mui-control-item">
							待抢单
						</a>
						<a class="mui-control-item">
							待取货
						</a>
						<a class="mui-control-item">
							配送中
						</a>
						<a class="mui-control-item yc aa">
							异常单 <b></b>
						</a>						
					</div>
				</div>
				
				<div class="mui-slider-group">
					<div id="item1mobile" class="mui-slider-item mui-control-content mui-active">
						<div id="scroll1" class="mui-scroll-wrapper">
							<div class="mui-scroll">								
								<div class="main">		    	
							    	<div class="main_two">
							    		<div class="main_two_list">
							    			<div class="two_list_top">
							    				<p><img src="../../img/user/meituan.png"/></p>
							    				<p>
							    					<span>美团外卖</span>
							    					<span class="mui-ellipsis">000000000000000</span>
							    				</p>
							    				<p class="check"><img src="../../img/order/xuankuang.png" class="wxz"/></p>
							    				<p class="link look" data-link="order_detail.html">
							    					查看详情
							    				</p>							    				
							    			</div>
							    			<div class="two_list_two tel">
						    					<p>配送地址:</p>
						    					<p>
						    						<span>
						    							<i>小明</i>
						    							<i>18000000000</i>
						    							<a href="tel:00000000000"><img src="../../img/order/iphone.png" alt="" /></a>
						    						</span>
						    						<span class="mui-ellipsis">中原国家广告产业园7号楼3层</span>
						    					</p>
							    			</div>
							    			<div class="two_list_three">
							    				<ul>
							    					<li>
							    						<span class="mui-ellipsis">西红柿炒鸡蛋盖浇饭</span>
							    						<span>x1</span>
							    						<span>￥9</span>
							    					</li>
							    					<li>
							    						<span class="mui-ellipsis">西红柿炒鸡蛋盖浇饭</span>
							    						<span>x1</span>
							    						<span>￥9</span>
							    					</li>		    					
							    					<li>
							    						<span class="mui-ellipsis">西红柿炒鸡蛋盖浇饭</span>
							    						<span>x1</span>
							    						<span>￥9</span>
							    					</li>
							    					<li>
							    						<span class="mui-ellipsis">西红柿炒鸡蛋盖浇饭</span>
							    						<span>x1</span>
							    						<span>￥9</span>
							    					</li>
							    					<li>
							    						<span class="mui-ellipsis">西红柿炒鸡蛋盖浇饭</span>
							    						<span>x1</span>
							    						<span>￥9</span>
							    					</li>
							    					<li>
							    						<span class="mui-ellipsis">西红柿炒鸡蛋盖浇饭</span>
							    						<span>x1</span>
							    						<span>￥9</span>
							    					</li>
							    					<li>
							    						<span>西红柿炒鸡蛋盖浇饭</span>
							    						<span>x1</span>
							    						<span>￥9</span>
							    					</li>
							    					<li>
							    						<span>西红柿炒鸡蛋盖浇饭</span>
							    						<span>x1</span>
							    						<span>￥9</span>
							    					</li>
							    					
							    				</ul>
							    				<p class="more">
							    					<span>展开更多</span>
							    					<img src="../../img/order/xiala.png" alt="" />
							    				</p>
							    				<div class="pay">
							    					<p>
							    						<span>商品费</span>
							    						<span>￥58</span>
							    					</p>
							    					<p>
							    						<span>商品费</span>
							    						<span>￥5</span>
							    					</p>
							    				</div>
							     				<div class="zongJi">
							    					<span>总计：</span>
							    					<span>￥61</span>
							    				</div>
							    			</div>
							    		    <div class="two_list_five">
							    		    	<p class="publish">发布订单</p>
							    		    	<!--添加小费成功后的状态，初始不显示-->
							    		    	<p class="added" style="display: none;">已添加5元小费</p>
							    		    	<!--添加小费成功后，追加小费不在显示-->
							    		    	<p class="add">追加小费</p>
							    		    	<p class="cancel_order">取消订单</p>		    		    	
							    		    </div>
							    		</div>
							    	</div>
							    </div>		    
							
							</div>
						</div>
						
					</div>
					<!--<div id="item2mobile" class="mui-slider-item mui-control-content">
						<div class="mui-scroll-wrapper">
							<div class="mui-scroll">
								<div class="main">
									<div class="main_two">
							    		<div class="main_two_list">
							    			<div class="two_list_top">
							    				<p><img src="../../img/user/meituan.png"/></p>
							    				<p>
							    					<span>美团外卖</span>
							    					<span class="mui-ellipsis">000000000000000</span>
							    				</p>
							    				<p class="link look" data-link="wait_order_detail.html">
							    					查看详情
							    				</p>							    				
							    			</div>
							    			<div class="two_list_two tel">
						    					<p>配送地址:</p>
						    					<p>
						    						<span>
						    							<i>小明</i>
						    							<i>18000000000</i>
						    							<a href="tel:00000000000"><img src="../../img/order/iphone.png" alt="" /></a>
						    						</span>
						    						<span class="mui-ellipsis">中原国家广告产业园7号楼3层</span>
						    					</p>
							    			</div>
							    			<div class="two_list_three">
							    				<ul>
							    					<li>
							    						<span class="mui-ellipsis">西红柿炒鸡蛋盖浇饭</span>
							    						<span>x1</span>
							    						<span>￥9</span>
							    					</li>
							    					<li>
							    						<span class="mui-ellipsis">西红柿炒鸡蛋盖浇饭</span>
							    						<span>x1</span>
							    						<span>￥9</span>
							    					</li>		    					
							    					<li>
							    						<span class="mui-ellipsis">西红柿炒鸡蛋盖浇饭</span>
							    						<span>x1</span>
							    						<span>￥9</span>
							    					</li>
							    					<li>
							    						<span class="mui-ellipsis">西红柿炒鸡蛋盖浇饭</span>
							    						<span>x1</span>
							    						<span>￥9</span>
							    					</li>
							    					<li>
							    						<span class="mui-ellipsis">西红柿炒鸡蛋盖浇饭</span>
							    						<span>x1</span>
							    						<span>￥9</span>
							    					</li>
							    					<li>
							    						<span class="mui-ellipsis">西红柿炒鸡蛋盖浇饭</span>
							    						<span>x1</span>
							    						<span>￥9</span>
							    					</li>
							    					<li>
							    						<span>西红柿炒鸡蛋盖浇饭</span>
							    						<span>x1</span>
							    						<span>￥9</span>
							    					</li>
							    				</ul>
							    				<p class="more">
							    					<span>展开更多</span>
							    					<img src="../../img/order/xiala.png" alt="" />
							    				</p>
							    				<div class="pay">
							    					<p>
							    						<span>商品费</span>
							    						<span>￥58</span>
							    					</p>
							    					<p>
							    						<span>商品费</span>
							    						<span>￥5</span>
							    					</p>
							    				</div>
							    				<div class="zongJi">
							    					<span>总计：</span>
							    					<span>￥61</span>
							    				</div>
							    			</div>
							    		    <div class="two_list_five">
							    		    	<p class="wait">等待抢单<span class="djs"></span></p>
							    		    	<p class="add">追加小费</p>
							    		    	<p class="cancel_order">取消订单</p>		    		    	
							    		    </div>
							    		</div>
							    	</div>
								</div>
							</div>
						</div>
					</div>-->
					<!--<div id="item3mobile" class="mui-slider-item mui-control-content">
						<div class="mui-scroll-wrapper">
							<div class="mui-scroll">
								<div class="main">
									<div class="main_two">
							    		<div class="main_two_list">
							    			<div class="two_list_top">
							    				<p><img src="../../img/user/meituan.png"/></p>
							    				<p>
							    					<span>美团外卖</span>
							    					<span class="mui-ellipsis">000000000000000</span>
							    				</p>
							    				<p class="look link" data-link="dqh_order_detail.html">
							    					查看详情
							    				</p>
							    			</div>
							    			<div class="two_list_two tel">
						    					<p>配送地址:</p>
						    					<p>
						    						<span>
						    							<i>小明</i>
						    							<i>18000000000</i>
						    							<a href="tel:00000000000"><img src="../../img/order/iphone.png" alt="" /></a>
						    						</span>
						    						<span class="mui-ellipsis">中原国家广告产业园7号楼3层</span>
						    					</p>
							    			</div>
							    			<div class="two_list_three">
							    				<ul>
							    					<li>
							    						<span class="mui-ellipsis">西红柿炒鸡蛋盖浇饭</span>
							    						<span>x1</span>
							    						<span>￥9</span>
							    					</li>
							    					<li>
							    						<span class="mui-ellipsis">西红柿炒鸡蛋盖浇饭</span>
							    						<span>x1</span>
							    						<span>￥9</span>
							    					</li>		    					
							    					<li>
							    						<span class="mui-ellipsis">西红柿炒鸡蛋盖浇饭</span>
							    						<span>x1</span>
							    						<span>￥9</span>
							    					</li>
							    					<li>
							    						<span class="mui-ellipsis">西红柿炒鸡蛋盖浇饭</span>
							    						<span>x1</span>
							    						<span>￥9</span>
							    					</li>
							    					<li>
							    						<span class="mui-ellipsis">西红柿炒鸡蛋盖浇饭</span>
							    						<span>x1</span>
							    						<span>￥9</span>
							    					</li>
							    					<li>
							    						<span class="mui-ellipsis">西红柿炒鸡蛋盖浇饭</span>
							    						<span>x1</span>
							    						<span>￥9</span>
							    					</li>
							    					<li>
							    						<span>西红柿炒鸡蛋盖浇饭</span>
							    						<span>x1</span>
							    						<span>￥9</span>
							    					</li>
							    				</ul>
							    				<p class="more">
							    					<span>展开更多</span>
							    					<img src="../../img/order/xiala.png" alt="" />
							    				</p>
							    				<div class="pay">
							    					<p>
							    						<span>商品费</span>
							    						<span>￥58</span>
							    					</p>
							    					<p>
							    						<span>商品费</span>
							    						<span>￥5</span>
							    					</p>
							    				</div>
							    				<div class="zongJi">
							    					<span>总计：</span>
							    					<span>￥61</span>
							    				</div>
							    			</div>
							    		    <div class="two_list_fore two_list_fore1">
							    		    	<p>
							    		    		<img src="../../img/user/touxiang.png"/>
							    		    	</p>
							    		    	<p>
							    		    		<span>于师傅 <b>已接单</b><i>18000000000</i></span>			    		    	   
							    		    	</p>							    		    	
							    		    	<p class="tel">
							    		    		<a href="tel:00000000000"><img src="../../img/order/iphone.png" alt="" /></a>
							    		    	</p>
							    		    	<div class="add_order">
							    		    		<p class="link" data-link="qiShou_area.html">查看距离</p>
							    		    		<p class="link" data-link="add_order.html">追加订单</p>
							    		    	</div>
							    		    </div>
							    		    <div class="two_list_five">
							    		    	<p class="cancel_order">取消订单</p>		    		    	
							    		    </div>
							    		</div>
							    	</div>
								</div>
							</div>
						</div>
					</div>-->
					<!--<div id="item4mobile" class="mui-slider-item mui-control-content">
						<div class="mui-scroll-wrapper">
							<div class="mui-scroll">
								<div class="main">
									<div class="main_two">
							    		<div class="main_two_list" style="padding-bottom: 10px;">
							    			<div class="two_list_top">
							    				<p><img src="../../img/user/meituan.png"/></p>
							    				<p>
							    					<span>美团外卖</span>
							    					<span class="mui-ellipsis">000000000000000</span>
							    				</p>
							    				<p class="look link" data-link="psz_order_detail.html">
							    					查看详情
							    				</p>
							    			</div>
							    			<div class="two_list_two tel">
						    					<p>配送地址:</p>
						    					<p>
						    						<span>
						    							<i>小明</i>
						    							<i>18000000000</i>
						    							<a href="tel:00000000000"><img src="../../img/order/iphone.png" alt="" /></a>
						    						</span>
						    						<span class="mui-ellipsis">中原国家广告产业园7号楼3层</span>
						    					</p>
							    			</div>
							    			<div class="two_list_three">
							    				<ul>
							    					<li>
							    						<span class="mui-ellipsis">西红柿炒鸡蛋盖浇饭</span>
							    						<span>x1</span>
							    						<span>￥9</span>
							    					</li>
							    					<li>
							    						<span class="mui-ellipsis">西红柿炒鸡蛋盖浇饭</span>
							    						<span>x1</span>
							    						<span>￥9</span>
							    					</li>		    					
							    					<li>
							    						<span class="mui-ellipsis">西红柿炒鸡蛋盖浇饭</span>
							    						<span>x1</span>
							    						<span>￥9</span>
							    					</li>
							    					<li>
							    						<span class="mui-ellipsis">西红柿炒鸡蛋盖浇饭</span>
							    						<span>x1</span>
							    						<span>￥9</span>
							    					</li>
							    					<li>
							    						<span class="mui-ellipsis">西红柿炒鸡蛋盖浇饭</span>
							    						<span>x1</span>
							    						<span>￥9</span>
							    					</li>
							    					<li>
							    						<span class="mui-ellipsis">西红柿炒鸡蛋盖浇饭</span>
							    						<span>x1</span>
							    						<span>￥9</span>
							    					</li>
							    					<li>
							    						<span>西红柿炒鸡蛋盖浇饭</span>
							    						<span>x1</span>
							    						<span>￥9</span>
							    					</li>
							    				</ul>
							    				<p class="more">
							    					<span>展开更多</span>
							    					<img src="../../img/order/xiala.png" alt="" />
							    				</p>
							    				<div class="pay">
							    					<p>
							    						<span>商品费</span>
							    						<span>￥58</span>
							    					</p>
							    					<p>
							    						<span>商品费</span>
							    						<span>￥5</span>
							    					</p>
							    				</div>
							    				<div class="zongJi">
							    					<span>总计：</span>
							    					<span>￥61</span>
							    				</div>
							    			</div>
							    		    <div class="two_list_fore">
							    		    	<p>
							    		    		<img src="../../img/user/touxiang.png"/>
							    		    	</p>
							    		    	<p class="link" data-link="qiShou_area.html">
							    		    		<span>于师傅 <i>18000000000</i></span>
							    		    	    <span>配送中 <i>查看距离</i></span>
							    		    	</p>
							    		    	
							    		    	<p class="tel">
							    		    		<a href="tel:00000000000"><img src="../../img/order/iphone.png" alt="" /></a>
							    		    	</p>
							    		    </div>							    		  
							    		</div>
							    	</div>
								</div>
							</div>
						</div>
					</div>-->
					<!--<div id="item5mobile" class="mui-slider-item mui-control-content">
						<div class="mui-scroll-wrapper">
							<div class="mui-scroll">
								<div class="main">
									<div class="main_two" style="margin-bottom: 10px;">
										<div class="two_one">
							    			商户取消
							    		</div>
							    		<div class="main_two_list" style="padding-bottom: 10px;">							    			
							    			<div class="two_list_top">
							    				<p><img src="../../img/user/meituan.png"/></p>
							    				<p>
							    					<span>美团外卖</span>
							    					<span class="mui-ellipsis">000000000000000</span>
							    				</p>
							    				<p class="look link" data-link="ycd_detail.html">
							    					查看详情
							    				</p>
							    			</div>
							    			<div class="two_list_two tel">
						    					<p>配送地址:</p>
						    					<p>
						    						<span>
						    							<i>小明</i>
						    							<i>18000000000</i>
						    							<a href="tel:00000000000"><img src="../../img/order/iphone.png" alt="" /></a>
						    						</span>
						    						<span class="mui-ellipsis">中原国家广告产业园7号楼3层</span>
						    					</p>
							    			</div>
							    			<div class="two_list_three">
							    				<ul>
							    					<li>
							    						<span class="mui-ellipsis">西红柿炒鸡蛋盖浇饭</span>
							    						<span>x1</span>
							    						<span>￥9</span>
							    					</li>
							    					<li>
							    						<span class="mui-ellipsis">西红柿炒鸡蛋盖浇饭</span>
							    						<span>x1</span>
							    						<span>￥9</span>
							    					</li>		    					
							    					<li>
							    						<span class="mui-ellipsis">西红柿炒鸡蛋盖浇饭</span>
							    						<span>x1</span>
							    						<span>￥9</span>
							    					</li>
							    					<li>
							    						<span class="mui-ellipsis">西红柿炒鸡蛋盖浇饭</span>
							    						<span>x1</span>
							    						<span>￥9</span>
							    					</li>
							    					<li>
							    						<span class="mui-ellipsis">西红柿炒鸡蛋盖浇饭</span>
							    						<span>x1</span>
							    						<span>￥9</span>
							    					</li>
							    					<li>
							    						<span class="mui-ellipsis">西红柿炒鸡蛋盖浇饭</span>
							    						<span>x1</span>
							    						<span>￥9</span>
							    					</li>
							    					<li>
							    						<span>西红柿炒鸡蛋盖浇饭</span>
							    						<span>x1</span>
							    						<span>￥9</span>
							    					</li>
							    				</ul>
							    				<p class="more">
							    					<span>展开更多</span>
							    					<img src="../../img/order/xiala.png" alt="" />
							    				</p>
							    				<div class="pay">
							    					<p>
							    						<span>商品费</span>
							    						<span>￥58</span>
							    					</p>
							    					<p>
							    						<span>商品费</span>
							    						<span>￥5</span>
							    					</p>
							    				</div>
							    				<div class="zongJi" style="border-bottom: none;">
							    					<span>总计：</span>
							    					<span>￥61</span>
							    				</div>
							    			</div>							    		    							    		  
							    		</div>
							    	    <div class="two_three">
							    	    	<p class="hulue">
							    	    		<img src="../../img/order/hulue.png"/>
							    	    		<span>忽略此单</span>
							    	    	</p>
							    	    	<p class="begin">
							    	    		<img src="../../img/order/chongxin.png"/>
							    	    		<span>重新发单</span>
							    	    	</p>
							    	    </div>
									</div>
								</div>
							</div>
						</div>
					</div>-->
					
				</div>
				<p class="btn publish">一键发单</p>
			</div>
			<!--刚进来是没有数据的，默认显示-->
			<div class="none">
				<img src="../../img/order/qishou.png" alt="" />
				<p class="none_tip">暂时没有数据</p>
				<p class="btn yjfd" style="display: none;">一键发单</p>
			</div>
		</div>	
		<!--异常单里的取消弹框-->
		<div class="yc_quxiao_pop" style="display: none;">
			<div class="yc_quxiao">
				<p>提示</p>
				<p>有一个订单已被买家取消,请查看</p>
				<p>
					<a class="yc_look">查看</a>
					<a class="yc_enter">确定</a>
				</p>
			</div>			
		</div>
		<!--异常单里的忽略此单弹框-->
        <div class="hl_Order_pop" style="display: none;">
			<div class="hlOrder">
				<p>请选择忽略订单的原因</p>
				<p class="hl">未完成配送</p>
				<p class="hl">已完成配送</p>
			</div>			
		</div>
		<!--异常单里的重新发单弹框-->
		<div class="yc_begin_pop" style="display: none;">
			<div class="yc_begin">
				<p>提示</p>
				<p>确定要重新发布该订单吗？</p>
				<p>
					<a class="yc_cancel">取消</a>
					<a class="yc_enter">确定</a>
				</p>
			</div>			
		</div>
		<!--电话弹框-->
        <div class="phone_pop" style="display: none;">
			<div class="phone">
				<p>18000000000</p>
				<p>
					<a class="cancel">取消</a>
					<a href="tel:123456789">呼叫</a>
				</p>
			</div>			
		</div>
		<!--取消弹框-->
		<div class="quxiao_pop" style="display: none;">
			<div class="quxiao">
				<p>确定订单取消将要扣取佣金</p>
				<p>
					<a class="enter" style="color: #666;">确认</a>
					<a class="cancel">取消</a>
				</p>
			</div>			
		</div>
		<!--确认取消原因弹框-->
        <div class="qxOrder_pop" style="display: none;">
			<div class="qxOrder">
				<p>请选择取消订单的原因</p>
				<p class="qx">买家取消</p>
				<p class="qx">商家自己配送</p>
				<p class="qx">没有骑手接单</p>
				<div class="finished">完成</div>
			</div>			
		</div>
		<!--追加小费弹框-->
        <div class="addPay_pop" style="display: none;">
			<div class="addPay">
				<p>请输入小费金额</p>
				<p><input type="text"class="jine"/>元</p>
				<p class="enter">
					确定
				</p>
			</div>			
		</div>
		<!--输入交易密码弹框-->
		<div class="jiaoYi_pop" style="display: none;">
			<div class="jiaoYi">
				<p>
					<img src="../../img/user/xuanfen.png" alt="" />
					<span>请输入交易密码</span>
				</p>
				<p><input type="text"class="jine" placeholder="请输入密码"/></p>
				<p class="enter">
					确定
				</p>
			</div>			
		</div>
		<div class="zzc" style="display: none;"></div>
		<script src="../../js/mui.min.js"></script>
		<script src="../../js/jquery-1.7.2.js"></script>		
		<script src="../../js/mui.pullToRefresh.js"></script>
		<script src="../../js/mui.pullToRefresh.material.js"></script>
		<script src="../../js/tiaozhuan.js"></script>
		<script src="../../js/order/order.js"></script>		
		<script type="text/javascript">
			mui.init();			
		</script>
	</body>

</html>